<template>
  <div class="myinput">
    <input type="text" :value="value" @input="iptchange" placeholder="请输入你的心愿" />
  </div>
</template>

<script>
export default {
    props:{
        value:''
    },
  data() {
    return {
      
    };
  },
  methods:{
      iptchange(e){
          this.$emit('input',e.target.value)
      }
  }
};
</script>

<style lang="scss" scoped>
.myinput {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  input {
    width: 100%;
    height: 40px;
    border: 1px solid gainsboro;
    text-indent: 1em;
    font-size: 18px;
  }
  ::placeholder {
    color: gainsboro;
  }
}
</style>